:root {
    --font-family-main: consolas, "Times New Roman", serif;

    // xss
    --font-size-xss: 8px;
    --font-line-xss: 16px;
    --font-xss: var(--font-size-xss) / var(--font-line-xss) var(--font-family-main);

    // xs
    --font-size-xs: 12px;
    --font-line-xs: 20px;
    --font-xs: var(--font-size-xs) / var(--font-line-xs) var(--font-family-main);

    // s
    --font-size-s: 14px;
    --font-line-s: 22px;
    --font-s: var(--font-size-s) / var(--font-line-s) var(--font-family-main);

    // m
    --font-size-m: 16px;
    --font-line-m: 24px;
    --font-m: var(--font-size-m) / var(--font-line-m) var(--font-family-main);

    // l
    --font-size-l: 20px;
    --font-line-l: 28px;
    --font-l: var(--font-size-l) / var(--font-line-l) var(--font-family-main);

    // xl
    --font-size-xl: 24px;
    --font-line-xl: 32px;
    --font-xl: var(--font-size-xl) / var(--font-line-xl) var(--font-family-main);

    // xxl
    --font-size-xxl: 32px;
    --font-line-xxl: 40px;
    --font-xxl: var(--font-size-xxl) / var(--font-line-xxl) var(--font-family-main);

    // Цвета
    --bg-color: #0d0324;
    --inverted-bg-color: #241e6d;
    --primary-color: #fefefc;
    --secondary-color: #546bf2;
    --secondary-red: #ee0d3a;
}
